<!doctype html>
<html lang="en" id="index" v-cloak>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <title>爱的约定</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/friend_select.css">
</head>
<body>
<div class='common-header'>
    <div class='left '>
        <a href="">
            <i class='iconfont icon-left'></i>
        </a>
    </div>
    <div class="middle">
        筛选会员
    </div>
    <div class="right">
        <a href="">
            确定
        </a>
    </div>
</div>

<div class='select'>
    <span>
        <i class='iconfont icon-fd'></i>
    </span>
    <span>
        <input type='text' placeholder="请输入会员ID或昵称" />
    </span>
</div>

<div class='list'>
    <ul>
        <li>
            <span>性别</span>
            <span>
                <select>
                    <option>不限</option>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
        </li>
        <li>
            <span>年龄范围</span>
            <span>
                <select>
                    <option>不限</option>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
        </li>
        <li>
            <span>身高范围</span>
            <span>
                <select>
                    <option>不限</option>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
        </li>
        <li>
            <span>最低学历</span>
            <span>
                <select>
                    <option>不限</option>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
        </li>
        <li>
            <span>收入范围</span>
            <span>
                <select>
                    <option>不限</option>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
        </li>
        <li>
            <span>居住地</span>
            <span>
                <select>
                    <option>不限</option>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
        </li>
    </ul>
</div>

<div class='footer'>
    <a class='active' href="javascript:;">
        <i class='iconfont icon-home'></i>
        <p>首页</p>
    </a>
     <a  href="javascript:;">
        <i class='iconfont icon-heart'></i>
        <p>活动</p>
    </a>
     <a href="javascript:;">
        <i class='iconfont icon-leaf'></i>
        <p>交友</p>
    </a>
     <a href="javascript:;">
        <i class='iconfont icon-message'></i>
        <p>贴吧</p>
    </a>
     <a href="javascript:;">
        <i class='iconfont icon-geren-copy'></i>
        <p>个人</p>
    </a>
</div>
</body>
</html>